<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>超链接练习</title>
    </head>
    <body>
        <!--跳转到本地资源-->
        <a href="p1.html">跳转到今日的第一个页面</a>
        <a href="p3.html">跳转到今日的第三个页面</a>
        <a href="4.png">即将打开一张图片</a>
        <br>
        <!--跳转到外部资源-->
        <a href="https://www.baidu.com/">跳转到百度</a>
        <a href="http://www.tmooc.cn/">达内首页</a>
        <br>
        <!--图片链接：跳转外部资源-->
        <a href="https://www.tmooc.cn/">
            <img src="1.jpg" alt="呀，图片走丢了">
        </a>
        <hr>
        <!--_self：当前页面打开   _blank：新窗口打开-->
        <a href="https://www.tmooc.cn" target="_self">达内1</a>
        <a href="https://www.tmooc.cn" target="_blank">达内2</a>

        <!--锚点：书签-->
        <h1>西游记</h1>
        <a href="#c1">跳转到第一章</a>
        <a href="#c2">跳转到第二章</a>
        <a href="#c3">跳转到第三章</a>
        <hr>
        <h3 id="c1">第一章 石猴出世</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci alias beatae, corporis distinctio dolorem,
            ea earum eligendi, eos excepturi exercitationem facilis itaque laborum nulla quae quaerat quas soluta totam
            veritatis?</p>
        <p>Asperiores corporis delectus, eaque expedita labore repellendus sunt voluptatem. Ad asperiores commodi
            consequuntur dicta eos eveniet iusto laboriosam laborum laudantium maxime perspiciatis quaerat quasi quia
            repellendus, repudiandae totam unde voluptatem.</p>
        <p>Ab accusamus animi aperiam asperiores blanditiis corporis cum, dicta distinctio, dolor ducimus error eveniet
            hic in iure magnam minus, nisi omnis optio pariatur possimus quis quod ratione similique soluta unde.</p>
        <p>Aut, dolorum id modi nobis repudiandae sunt voluptates. Alias at beatae cum, dignissimos dolorem doloremque,
            ea eaque fugiat iusto nam necessitatibus neque nisi obcaecati officiis porro praesentium saepe sit vero?</p>
        <p>Alias architecto, in quaerat quibusdam saepe soluta? Ad alias aliquam, atque consectetur dicta dignissimos
            eaque harum illo incidunt ipsa libero minus, nesciunt odit reprehenderit saepe sunt, veniam? Hic,
            repellendus, totam?</p>
        <p>Ad et eveniet ipsam magnam quidem. Animi ex hic illum laudantium non odio sit tempore ut voluptatem
            voluptates? Ad cumque dolor fuga iure necessitatibus obcaecati odio placeat porro qui sint!</p>
        <p>Ab atque consectetur consequatur cumque deleniti dignissimos ducimus eius eos error esse eveniet impedit
            libero maxime modi molestiae molestias mollitia natus officiis possimus ratione rerum totam voluptas,
            voluptatem voluptates voluptatibus?</p>
        <p>Ad animi aspernatur culpa dignissimos odit optio velit. Adipisci asperiores blanditiis dicta doloribus, eos
            error, est hic iusto libero magni pariatur quaerat quas qui quia repellendus soluta suscipit totam
            voluptatum.</p>
        <p>Alias enim eveniet excepturi libero nisi odio quod sapiente tempora? Accusantium animi aut consequuntur
            corporis dignissimos ea eaque eveniet, explicabo harum itaque iure molestiae quas reiciendis repellat saepe
            suscipit velit.</p>
        <p>Animi aperiam, aut delectus deserunt eum harum illum magnam maiores nulla odio pariatur praesentium qui
            ullam. Aut corporis deserunt, dicta eos facilis ipsa modi mollitia necessitatibus qui quis ratione
            voluptates.</p>
        <p>Adipisci dolorem eius eos ipsa placeat provident repudiandae totam! Autem consectetur consequuntur distinctio
            earum esse expedita facilis laudantium libero minus molestias nihil obcaecati omnis, quaerat repellat
            voluptatem! Autem enim, tempora!</p>
        <p>Accusantium animi consequuntur corporis, cumque esse est hic iusto maiores nam, nostrum quam vero. Ad,
            aliquid amet blanditiis cum cumque cupiditate ex, facilis laborum placeat porro quis ratione rerum
            voluptate?</p>
        <p>A aliquid assumenda aut deserunt dicta ipsam minus nemo perferendis repellat, sunt! Aspernatur assumenda cum
            debitis magnam minima numquam provident quam sequi vero. Assumenda excepturi maiores neque, nihil quis
            recusandae.</p>
        <p>Amet dicta esse est eum harum ipsam minima mollitia natus non nulla, odit officiis possimus quaerat quas
            ratione repellendus sed temporibus velit vitae voluptatum! A ab ad cumque delectus est.</p>
        <p>Aliquid blanditiis consequatur cum deleniti dolorem incidunt, magnam magni maiores, natus nemo nesciunt omnis
            porro possimus quam reprehenderit repudiandae similique sunt tempore vero, voluptatum. Commodi cupiditate
            enim eos maxime ullam!</p>
        <p>Ab ad debitis, distinctio expedita, explicabo facere, illum maiores minima molestias officia sit suscipit
            ullam voluptates! Animi beatae consectetur, doloremque, eligendi et exercitationem fugiat hic labore modi
            officia placeat temporibus!</p>
        <p>Accusantium asperiores hic quibusdam similique tempora. Consequuntur cumque dignissimos illo odio quasi rerum
            sapiente. Aperiam cupiditate eaque eum fugiat illum ipsam libero molestiae omnis pariatur recusandae rerum,
            saepe tempore unde!</p>
        <p>Accusamus aperiam, delectus dicta distinctio enim et ipsa labore laudantium nostrum perferendis quam quasi,
            quibusdam rerum saepe sunt unde voluptate. Aliquam dolorum, eligendi inventore modi mollitia nesciunt non
            quaerat quidem?</p>
        <p>Aperiam aspernatur blanditiis, culpa delectus, deserunt dolor eaque eligendi est ex expedita ipsum labore
            laborum maiores minima nemo nesciunt non numquam officiis quisquam quod repellendus rerum voluptas
            voluptatum! Amet, ipsam.</p>
        <p>Beatae delectus deserunt, dolore doloribus enim eos ex iste iusto libero molestias odit quibusdam, quidem quo
            repudiandae rerum similique unde voluptas! Dolorum error ex exercitationem, labore nemo officia ut
            voluptatum!</p>
        <p>Aut consectetur cupiditate enim est facere fuga, fugiat iste libero minus nesciunt odit pariatur praesentium
            qui sit tempore voluptates voluptatibus? Ad aliquam id iure maxime qui, sequi similique tempore
            temporibus?</p>
        <p>Aperiam asperiores at autem doloremque enim, eveniet fugiat fugit iure laborum magnam maiores nobis numquam
            obcaecati perspiciatis quasi repellendus vel. Ducimus, fuga id! Aspernatur aut dolore illo quidem rem
            unde.</p>
        <p>Doloremque doloribus eum id ipsam iusto laudantium minima nemo optio voluptatibus! Accusamus at deleniti
            dicta minus nemo nesciunt omnis optio quam, recusandae reiciendis repellendus sequi, similique soluta
            tempora veritatis voluptatibus?</p>
        <p>Amet aspernatur debitis dolores incidunt iure laboriosam molestias nostrum repellat, soluta velit voluptas
            voluptate. Adipisci assumenda at, dolores minus molestiae numquam placeat quae veniam! Accusantium
            asperiores ipsum natus quaerat quis.</p>
        <p>Aperiam asperiores dolor eaque et magni minus necessitatibus, nesciunt optio, quaerat recusandae rem, veniam.
            Explicabo ipsum nisi quibusdam quis sit. Accusantium alias autem eius esse eveniet id, nostrum quo quos!</p>
        <p>Aspernatur itaque magni necessitatibus nesciunt non numquam obcaecati optio quam, voluptatibus? Architecto
            aspernatur dolore dolorem dolorum facilis nam nulla quaerat quam velit voluptate. Ducimus laudantium modi
            neque quasi quisquam voluptates!</p>
        <p>A amet debitis dolorem doloribus dolorum, eius facere impedit in, itaque iure laboriosam nam nulla qui
            quisquam quo voluptas voluptatem. Blanditiis deleniti ipsum magnam minus officia quos tenetur vitae.
            Voluptas?</p>
        <p>Ad facilis harum qui saepe ullam ut voluptates. A ab consequatur cupiditate neque porro repellendus voluptas
            voluptates? A accusamus maxime quae? Debitis delectus dignissimos ipsum libero perferendis sint unde
            veniam.</p>
        <p>Fuga impedit mollitia praesentium, quasi qui repellat sequi temporibus! Architecto corporis eum ex
            necessitatibus quo quod sunt totam! Laudantium nesciunt, veritatis. Accusantium cupiditate eius error fugit
            odio sapiente sed tempora.</p>
        <p>Adipisci, animi dolorem ea odit omnis ut! Molestiae nihil, veniam. Amet aperiam aut corporis dicta, ea et
            magnam maiores molestiae nobis odio quae, quaerat qui quidem reprehenderit suscipit, vero vitae.</p>
        <h3 id="c2">第二章 蓬莱学艺</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad dignissimos dolores esse fugit natus provident
            quisquam, voluptate! Ad aperiam aspernatur consequuntur deleniti dicta enim laudantium maiores, nihil
            quidem, quis unde.</p>
        <p>Ad dolor earum iste qui quia, recusandae voluptate? Animi, aspernatur beatae doloremque doloribus dolorum ea
            eaque eius est exercitationem expedita illum ipsam, nostrum, odio odit provident quam sit sunt unde.</p>
        <p>Autem consequatur ipsa laudantium qui tempore? Aperiam architecto consequuntur dolorem dolores ea esse et ex
            illum itaque, maxime minima nam nobis nulla numquam officiis perferendis perspiciatis, rem saepe sequi
            soluta.</p>
        <p>Aperiam autem consequuntur ducimus eligendi et exercitationem incidunt neque, ullam veniam voluptatibus.
            Corporis dignissimos ipsa itaque labore modi mollitia nostrum quidem repudiandae, rerum sed tenetur ut velit
            veniam vero vitae.</p>
        <p>Aspernatur error minus molestias, natus nesciunt quam quas tempore? Assumenda cum inventore iusto minus.
            Aperiam beatae exercitationem in inventore iure maxime mollitia nam nihil odio quaerat quisquam, recusandae,
            temporibus, tenetur.</p>
        <p>Aliquid animi, architecto, asperiores aut beatae delectus fuga ipsa ipsam iste molestiae reprehenderit
            soluta! Culpa ex harum, ipsa ipsum laudantium modi mollitia nam neque omnis tempore. Id natus non quas.</p>
        <p>Assumenda at deleniti ducimus exercitationem facere illum natus, nihil obcaecati quisquam ut vel voluptatem?
            Architecto, asperiores consectetur earum eos ipsum iste iure minima, neque nobis perferendis quaerat quidem
            sit, voluptates.</p>
        <p>Accusantium, aspernatur deserunt doloribus eius eos esse explicabo fuga itaque minus molestias nostrum, optio
            pariatur quas quasi recusandae repellat sapiente tempora unde velit veritatis? Cupiditate esse est quidem
            totam voluptate.</p>
        <p>Accusantium dolore eum labore minima, perferendis reiciendis reprehenderit repudiandae. Adipisci aliquam at
            debitis dolor eligendi et ex facilis fugiat id ipsa, molestias obcaecati porro quas rerum sequi sit suscipit
            voluptates?</p>
        <p>Accusamus consequuntur cum, dicta distinctio ea, id in inventore ipsam mollitia nemo nisi nobis non odio quod
            suscipit ut, velit. Aperiam commodi corporis cum deserunt laborum nobis quasi quisquam ut.</p>
        <h3 id="c3">第三章 龙宫借宝</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquam aut dolores harum ipsa maiores nulla
            numquam odit quasi similique! Debitis illo provident quos repudiandae! Excepturi illo inventore officia
            vel?</p>
        <p>At deserunt error fugiat fugit impedit magni maxime quibusdam recusandae sunt tempora. Architecto beatae
            consequatur cumque, dicta dolorum harum iusto, laboriosam minima minus nobis possimus quod repudiandae ullam
            vero voluptatem!</p>
        <p>Et minus, nesciunt omnis quia tempore totam voluptates. Aut consequuntur debitis doloribus dolorum fuga
            molestias nam nobis odio perferendis provident quaerat qui, quidem sit. Enim magnam quasi quia voluptas
            voluptate.</p>
        <p>Aliquid dicta error laboriosam molestias nisi quidem sunt vel voluptatum! Aliquam at beatae consequatur
            corporis distinctio dolor dolorem doloremque facere fuga iure odio quibusdam recusandae, reprehenderit sunt
            suscipit. Iure, rem?</p>
        <p>Consequatur consequuntur deserunt dicta dolore dolorem dolores est laboriosam quis saepe vero. Ab impedit
            molestias numquam officia pariatur porro repellendus sapiente sint! Aspernatur consequuntur fuga magni nobis
            quibusdam repudiandae tempora.</p>
        <p>Consequatur deleniti distinctio dolores nisi? Animi deserunt distinctio fuga fugiat impedit incidunt nemo
            nihil obcaecati rerum voluptatum? Dolores eos ipsum laborum magni, nihil quia quos soluta sunt temporibus
            vel! Labore.</p>
        <p>Ipsum quibusdam reprehenderit sint soluta sunt tenetur totam vel veritatis. Architecto beatae delectus id
            iusto laboriosam nulla porro! Ad aperiam delectus deserunt dignissimos et, ex iure nisi odit officia
            repellat!</p>
        <p>Aperiam culpa dicta esse in incidunt iste iure magni nisi nobis officia omnis praesentium, provident
            recusandae rem reprehenderit similique suscipit ullam voluptatibus. Ab dicta dolor laboriosam neque
            praesentium quia repellat?</p>
        <p>Alias aliquam cum deserunt dolor dolores ea excepturi in ipsum labore magni modi molestiae natus, nihil
            numquam officia placeat qui recusandae sapiente sed temporibus, unde, ut veniam vero voluptas
            voluptatibus?</p>
        <p>Deleniti distinctio doloribus esse, excepturi facere, facilis iure iusto porro reprehenderit sapiente sed
            similique soluta ut! Error numquam quae sapiente. Adipisci dicta fugit nesciunt odit pariatur quia!
            Suscipit, unde vero.</p>
        <a href="#">快速跳转到顶部</a>
    </body>
</html>